<template>
    <div class="wrapper">
        <v-head></v-head>
        <div class="content">
            <transition name="el-fade-in">
                <router-view></router-view>
            </transition>
        </div>
        <v-footer></v-footer>
    </div>
</template>
<script>
    import vHead from '../../common/header.vue';
    import vFooter from '../../common/footer.vue';
    export default {
        name: 'homePage',
        components: {
            vHead,
            vFooter,
        }
    }
</script>

<style lang="less">
    .wrapper{
        margin: 0 auto;
        .content{
            min-height: 750px;
        }
    }
</style>
